<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title>Social Community Management</title>
	<meta name="author" content="Luka Cvrk (www.solucija.com)" />
	<link rel="stylesheet" href="css/main.css" type="text/css" />
</head>
<body>
	<div id="content">
		<div id="header">
			<p id="top">Duis aute irure dolor in reprehenderit in voluptate</p>
			
			<h1>Social Community Management</h1>
			
			<ul id="menu">
				<li><a class="current" href="#">Home</a></li>
				<li><a href="#">Media Presence</a></li>
				<li><a href="#">Social Networks</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
			</ul>
			
			<div id="pitch">	
				<p>Duis iaculis urna vel massa ultricies suscipit. Phasellus diam sapien, fermentum a eleifend non, luctus non augue. Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat tortor posuere dignissim sit amet at ipsum.</p>
			</div>
		</div>
	
		<div id="cols">
			<div class="col">
				<img src="images/img.gif" class="img" alt="Image" />
				<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
				<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="#">&raquo;</a></p>
				<p><a class="more" href="#">Read More</a></p>
			</div>
			<div class="col">
				<h3><a href="#">Lorem ipsum dolor sit amet</a></h3>
				<p class="date">9th of October, 2010</p>
				<p>Dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="#">&raquo;</a></p>
				
				<h3><a href="#">Lorem ipsum dolor sit amet</a></h3>
				<p class="date">3rd of October, 2010</p>
				<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. <a href="#">&raquo;</a></p>
			</div>
			<div class="col last">
				<h4>Lorem ipsum dolor sit amet</h4>
				<div>
					<p>Dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="#">&raquo;</a></p>
					<p>Dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="#">&raquo;</a></p>
					<p>Dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="#">&raquo;</a></p>
				</div>
			</div>
			<div class="x"></div>
		</div>
		
		<div id="footer">
			<p id="right">
				<a href="#">Twitter</a>
				<a href="#">Facebook</a>
				<a href="#">RSS</a>
			</p>
			<p>
				<a href="#">Home</a>
				<a href="#">Media Presence</a>
				<a href="#">Social Networks</a>
				<a href="#">Blog</a>
				<a href="#">About Us</a>
				<a href="#">Contact Us</a>
			</p>
			<p>Copyright &copy; 2010 Social Community Management &middot; Design: <a href="http://www.solucija.com/">Solucija.com</a></p>
		</div>
	</div>
</body>
</html>